/* 
  @forward 可以让样式表中定义的 mixins、函数和变量在其他样式表中可用。
  1. @use 只能在当前样式表中可用，而 @forward 会将导入的样式表中的 mixins、函数和变量转发到其他样式表中，如在 bottstrap 中转发 _list 中的样式，在 index 可以使用 list-reset;
  2. @forward 支持添加前缀。如 _border.scss
  3. @forward 支持可见性。可以设置成员公开私有性，通过 hide/show 控制。hide 列出的成员不应被转发，其他内容应该转发。show 列出的成员应该转发，其他内容不应该转发。
  4. 和 @use 一样，@forward 是可以配置的，同时还支持修改上游（源样式表）的默认值。如 library.scss 和 bootstrap.scss
*/


@use "foundation/bootstrap" with ($color: skyblue);

li {
  @include bootstrap.list-reset;

  @include bootstrap.border-radius;
  @include bootstrap.border-style;

  // 报错，找不到 list-horizontal
  // @include bootstrap.list-horizontal;

  color: bootstrap.$color;
  font-size: bootstrap.$font-size;
  
}